<template>
  <div>
    <!--
  .sync:值的双向绑定
    <xxx子组件 :abc="父组件数据" @update:abc="父组件数据=$event"  />
    <xxx子组件 :abc.sync="父组件数据" />
    xxx子组件:
       props:['abc']
       this.$emit('update:abc',实参)
 -->

    <h1>{{ appnum }}</h1>

    <!-- <Son :num="num" @update:num="add" /> -->
    <!-- <Son :num="appnum" @update:num="appnum=$event" /> -->
    <Son :num.sync="appnum" />

  </div>
</template>
<script>
import Son from './components/Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      msg: 'hello',
      appnum: 1
    }
  },
  methods: {
    // add(val) {
    //   this.appnum = val
    // }
  }
}
</script>
<style>
</style>
